<template>
  <div>子组件-----{{newVal.name}}</div>
</template>

<script>
export default {
  model: {
    props: "value",
    event: "sonEvent"
  },
  props: {
    value: ""
  },
  data() {
    return {
        newVal : {}
    };
  },
  watch : {
    value : {
        deep: true,
        immediate: true,
        handler(newVal,oldVal){
            this.newVal = newVal;
        }
    }
  },
  methods: {
    mth(){
        this.$emit("sonEvent","2222")
    }
  }
};
</script>

<style scoped>
</style>